<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
	<head>
		<script type="text/javascript">
		    jQuery(function($){
				$('#adminRoleTable').datagrid({
					title:'角色列表', //标题
					method:'post',
					iconCls:'icon-edit', //图标
					singleSelect:false, //多选
					//height:360, //高度
					fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
					striped: true, //奇偶行颜色不同
					collapsible:true,//可折叠
					url:"${pageContext.request.contextPath}/sys/role.do?queryList", //数据来源
					sortName: 'id', //排序的列
					sortOrder: 'desc', //倒序
					remoteSort: true, //服务器端排序
					idField:'id', //主键字段
					queryParams:{}, //查询条件
					pagination:true, //显示分页
					rownumbers:true, //显示行号
					columns:[[
						{field:'ck',checkbox:true,width:2}, //显示复选框
						{field:'rolename',title:'角色名',width:20,sortable:true,
							formatter:function(value,row,index){return row.rolename;} //需要formatter一下才能显示正确的数据
						},
						//{field:'isdisabled',title:'是否禁用',width:30,sortable:true,
						//	formatter:function(value,row,index){
						//		return row.isdisabled;  
						//	}
						//},
						{field:'isdisabledShow',title:'是否禁用',width:30,sortable:true,
							formatter:function(value,row,index){
								//alert(row.isdisabled);
								return (row.isdisabled=='1')?'是':'否';  
							}
						}
					]],
					toolbar:[{
						text:'增加管理员角色',
						iconCls:'icon-add',
						handler:function(){
							addRole();
						}
					},'-',{
						text:'修改管理员角色',
						iconCls:'icon-add',
						handler:function(){
							editRole();
						}
					},'-',{
						text:'查看|设置菜单',
						iconCls:'icon-add',
						handler:function(){
							showAndSetMenu();
						}
					},'-',{
						text:'禁用|启用',
						iconCls:'icon-edit',
						handler:function(){
							unabledOrInabledRole();
						}
					},'-'],
					onLoadSuccess:function(){
						$('#adminRoleTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
					}
				});

			});
		    
		    function addRole(){
		    	showWindow({
		  			title:'增加管理员角色',
		  			href:'${pageContext.request.contextPath}/sys/role.do?rolePopWindow',
		  			width:400,
		  			height:300,
		  			onLoad: function(){
		  				//$('#adminForm').form('clear');
		  			}
		  			
		  		});
		    }
		    
		    //修改 管理员
		    function editRole(){
		    	debugger;
		    	var rows = $('#adminRoleTable').datagrid('getSelections');
				//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
				if(rows.length==0){
					$.messager.alert('提示',"请选择你要更新的管理员角色",'info');
					return;
				}
				if(rows.length > 1){
					$.messager.alert('提示',"只能选择一位管理员角色进行更新",'info');
					return;
				}
		    	showWindow({
		  			title:'修改管理员角色',
		  			href:'${pageContext.request.contextPath}/sys/role.do?rolePopWindow',
		  			width:400,
		  			height:300,
		  			onLoad: function(){
		  				$('#roleForm').form('load', rows[0]);
		  			}
		  			
		  		});
		    }
		    
		    //查看|设置菜单
		    function showAndSetMenu(){
		    	var rows = $('#adminRoleTable').datagrid('getSelections');
		    	if(rows.length==0){
					$.messager.alert('提示',"请选择你要查看管理员角色",'info');
					return;
				}
				if(rows.length > 1){
					$.messager.alert('提示',"只能选择一位管理员角色",'info');
					return;
				}
		    	
		    	showWindow({
		  			title:'查看|设置菜单',
		  			href:'${pageContext.request.contextPath}/sys/role.do?roleMenuTreePopWindow',
		  			width:400,
		  			height:300,
		  			onLoad: function(){
		  			}
		  			
		  		});
			}
		    
		  //禁用|启用
		  	function unabledOrInabledRole(){
		  		$.messager.confirm('提示','确定要禁用|启用吗?',function(result){
			        if (result){
			        	var rows = $('#adminRoleTable').datagrid('getSelections');
			        	var ps = "";
			        	$.each(rows,function(i,n){
			        		ps += "&id="+n.id;
			        	});
			        	$.post('${pageContext.request.contextPath}/sys/role.do?unabledOrInabledRole'+ps,function(data){
				        	$('#adminRoleTable').datagrid('reload'); 
			        		$.messager.alert('提示',data.msg,'info');
			        	});
			        }
			    });
		  	}

			</script>
	</head>
	<body width="100%" >
		
		<div style="padding:10" id="tabdiv">
		<table id="adminRoleTable" ></table>
	</div>
	</body>
</html>